<template>
  <Modal v-model="visible" :title="title" @on-ok="ok" @on-cancel="cancel">
    <p>Content of dialog</p>
    <p>Content of dialog</p>
    <p>Content of dialog</p>
  </Modal>
</template>

<script>
export default {
  name: "Modal",
  props: {
    title: String,
    visible: Boolean
  },
  methods: {
    ok () {
      this.$Message.info('Clicked ok');
    },
    cancel () {
      this.$emit("closeModal", false)
    }
  }
}
</script>

<style scoped>

</style>
